<template>
	<view>
		<tt-bar leftIcon="icon-back" title="关于我们"></tt-bar>
		<view class="imgBox">
			<image src="@/pagesA/static/120.png"></image>
			<text class="tishiText">找培训致力于帮助学员找培训，让人人都能受益的平台。通过整合碎片化的培训资源，为用户提供全面、优质、性价比最高的培训信息，让用户能够快速获取最具价值的内容，找到适合提升的自我晋升之路。</text>
			<text class="copyright4">合作邮箱：duxiu@de123.com</text>
			<text class="copyright3">找培训客服热线：025-84583336</text>
			<text class="copyright2">南京都秀文化传媒有限公司 版权所有</text>
			<view class="copyright">
				<text @tap="toPage" :data-url="initInfo.policy">用户协议</text> | 
				<text @tap="toPage" :data-url="initInfo.privacy">隐私政策</text>
			</view>
		</view>
	</view>
</template>

<script>
	import {
		mapState,
		mapGetters,
		mapMutation,
		mapActions
	} from "vuex";
	import ttBar from "@/components/ttBar/ttBar.vue";
	export default {
		computed: {
			...mapState({
				initInfo: state => state.sys.initInfo
			})
		
		},
		components: {
			ttBar
		},
		data() {
			return {
				verson:'V1.0.0'
			};
		},
		methods:{
			
		},
		onLoad() {
		
		},
		// 下拉刷新
		onPullDownRefresh() {
			setTimeout(() => {
				uni.stopPullDownRefresh();
			}, 1500)
		}
	}
</script>

<style lang="less">
	page{
		background-color: #f6f6f6;
	}
	.imgBox {
		margin-top: 90upx;
		display: flex;
		flex-direction: column;
		align-items: center;

		image {
			width: 160upx;
			height: 160upx;
			margin-bottom: 40upx;
		}

		.appName {
			font-size: 34rpx;
			color: #222433;
			margin-bottom: 24upx;
		}

		.tishiText {
			font-size: 26rpx;
			color: #222433;
			margin-bottom: 38upx;
			padding: 80upx;
			text-align: center;
		}

		.appVersion {
			font-size: 40rpx;
			color: #222433;
		}

		.copyright2{
			position: absolute;
			left: 0;
			bottom: 150upx;
			width: 100%;
			text-align: center;
			font-size: 26rpx;
			color: #222433;
		}
		.copyright{
			position: absolute;
			left: 0;
			bottom: 100upx;
			width: 100%;
			text-align: center;
			font-size: 26rpx;
			color: #999999;
			text{
				margin: 0 10upx;
				color: #ffb423;
			}
		}
		.copyright3{
			position: absolute;
			left: 0;
			bottom: 350upx;
			width: 100%;
			text-align: center;
			font-size: 26rpx;
			color: #222433;
		}
		.copyright4{
			position: absolute;
			left: 0;
			bottom: 390upx;
			width: 100%;
			text-align: center;
			font-size: 26rpx;
			color: #222433;
		}
	}
</style>
